<!DOCTYPE HTML>
<html xmlns:xr="urn:ce.eu:en16931:2017:xoev-de:kosit:standard:xrechnung-1" xmlns:xrv="http://www.example.org/XRechnung-Viewer" xmlns:xs="http://www.w3.org/2001/XMLSchema" lang="de">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>XRechnung</title>
      <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0">
      <style>


                    /* Grundformatierung ********************************************/

                    *,
                    *:after,
                    *:before
                    {
                    box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    }

                    .clear:after
                    {
                    content: ".";
                    clear: both;
                    display: block;
                    visibility: hidden;
                    height: 0;
                    }

                    html,
                    body
                    {
                    height: 100%;
                    min-width: 320px;
                    margin: 0;
                    padding: 0;
                    color: #000;
                    font-size: 14px;
                    }

                    body
                    {
                    overflow-y: scroll;
                    background-color: rgba(4, 101, 161, 0.08);
                    }

                    h4
                    {
                    color: inherit;
                    font-size: inherit;
                    margin-bottom: 0.5rem;
                    }


                    /* Grundaufbau *************************************************/

                    .menue
                    {
                    position: relative;
                    z-index: 2000;
                    background-color: #000;
                    margin-bottom: 30px;
                    }

                    .innen
                    {
                    max-width: 1080px;
                    margin: 0 auto;
                    padding: 0 2%;
                    }



                    /* Formatierungen *************************************************/

                    .color2
                    {
                    color: rgba(0, 0, 0, 0.6);
                    }

                    .schwarz
                    {
                    color: #555 !important;
                    }

                    .normal
                    {
                    font-weight: normal;
                    }

                    .bold
                    {
                    font-weight: bold;
                    }

                    .abstandUnten
                    {
                    margin-bottom: 5px;
                    }

                    .abstandUntenKlein
                    {
                    margin-bottom: 10px;
                    }

                    .noPaddingTop
                    {
                    padding-top: 0 !important;
                    }

                    .ausrichtungRechts
                    {
                    text-align: right;
                    }




                    /* Menü ********************************************************/

                    button
                    {
                    position: relative;
                    font-family: serif;
                    padding-top: 15px;
                    padding-left: 0;
                    padding-right: 0;
                    margin-right: 2%;
                    }

                    .btnAktiv
                    {
                    font-size: 22px;
                    color: #ffb619;
                    height: 50px;
                    outline: none;
                    border: none;
                    background: none;
                    }

                    .btnAktiv:after
                    {
                    content: "";
                    display: block;
                    position: absolute;
                    top: 50px;
                    left: 50%;
                    z-index: 10;
                    font-size: 0;
                    line-height: 0;
                    height: 0;
                    padding: 0;
                    margin: 0;
                    transform: translateX(-50%);
                    border: 15px solid #000;
                    border-right-color: transparent;
                    border-bottom-color: transparent;
                    border-left-color: transparent;
                    }

                    .btnInaktiv,
                    .tab
                    {
                    font-size: 22px;
                    color: #fff;
                    height: 50px;
                    z-index: 0;
                    outline: none;
                    border: none;
                    background: none;
                    transition: color 0.3s ease;
                    }

                    .btnInaktiv:hover,
                    .tab:hover
                    {
                    color: #ffb619;
                    cursor: pointer;
                    }

                    .divHide
                    {
                    display: none;
                    }

                    /* Content *********************************************************************/

                    .inhalt
                    {
                    font-family: sans-serif;
                    margin-bottom: 30px;
                    }

                    .haftungausschluss
                    {
                    color: #000;
                    text-align: center;
                    padding: 7px;
                    margin-bottom: 30px;
                    width: 100%;
                    border: 1px solid #ffb619;
                    background-color: #fff;
                    }

                    .box
                    {
                    position: relative;
                    display: table-cell;
                    padding: 0;
                    border: 1px solid rgba(4, 101, 161, 0.2);
                    background-color: #fff;
                    }

                    .subBox
                    {
                    border-top: none;
                    width: 50%;
                    }

                    .subBox:last-child
                    {
                    border-left: none;
                    }

                    .first > .boxzeile > .subBox
                    {
                    border-top: 1px solid rgba(4, 101, 161, 0.2) !important;
                    }

                    .boxtitel
                    {
                    display: inline-block;
                    background-color: #0465A1;
                    padding: 7px 10px;
                    color: #fff;
                    font-weight: bold;
                    }

                    .boxBorderTop
                    {
                    border-top: none;
                    }

                    .boxBorderLeft
                    {
                    border-left: none;
                    }

                    .boxtitelSub
                    {
                    color: #000;
                    background-color: rgba(4, 101, 161, 0.1);
                    border-right: 1px solid rgba(4, 101, 161, 0.2);
                    border-bottom: 1px solid rgba(4, 101, 161, 0.2);
                    }

                    .boxinhalt
                    {
                    padding: 15px 20px;
                    }

                    .boxtabelle
                    {
                    display: table;
                    width: 100%;
                    }

                    .borderSpacing
                    {
                    border-spacing: 0 5px;
                    }

                    .boxabstandtop
                    {
                    margin-top: 30px;
                    }

                    .boxzeile
                    {
                    display: table-row;
                    }

                    .boxzeile .box:last-child
                    {
                    margin-bottom: 0;
                    }

                    .boxdaten
                    {
                    display: table-cell;
                    padding: 5px 0;
                    vertical-align: middle;
                    height: 38px;
                    /*
                    -ms-word-break: break-all;
                    word-break: break-all;
                    word-break: break-word;
                    -webkit-hyphens: auto;
                    -moz-hyphens: auto;
                    hyphens: auto;
                    */
                    }

                    .boxdaten.wert
                    {
                    padding: 5px 10px;
                    }

                    .boxcell
                    {
                    display: table-cell;
                    }

                    .boxdatenBlock
                    {
                    display: block;
                    padding: 3px 0;
                    /*
                    -ms-word-break: break-all;
                    word-break: break-all;
                    word-break: break-word;
                    -webkit-hyphens: auto;
                    -moz-hyphens: auto;
                    hyphens: auto;
                    */
                    }

                    .noBreak
                    {
                    -ms-word-break: keep-all;
                    word-break: keep-all;
                    word-break: keep-all;
                    -webkit-hyphens: none;
                    -moz-hyphens: none;
                    hyphens: none;
                    }

                    .boxabstand
                    {
                    display: table-cell;
                    width: 30px;
                    }

                    .legende
                    {
                    color: rgba(0, 0, 0, 0.6);
                    width: 170px;
                    font-size: 13px;
                    line-height: 16px;
                    padding-right: 5px;
                    }

                    .wert
                    {
                    background-color: rgba(4, 101, 161, 0.03);
                    }

                    .boxtabelleEinspaltig
                    {
                    width: 49%;
                    }

                    .boxtabelleZweispaltig,
                    .boxtabelleDreispaltig
                    {
                    width: 100%;
                    }

                    .box5050
                    {
                    width: 50%;
                    }

                    .boxEinspaltig
                    {
                    width: 100%;
                    }

                    .boxZweispaltig
                    {
                    width: 48.5%;
                    }

                    .boxSpalte1 {
                    width: 50%;
                    }

                    .boxSpalte2 {
                    width: 50%;
                    padding-left: 20px;
                    }

                    .paddingLeft {
                    padding-left: 0.1em;
                    }

                    .noPadding {
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                    }

                    .rechnungsZeile
                    {
                    display: table-row;
                    }

                    .rechnungsZeile .boxdaten
                    {
                    height: auto;
                    }

                    .rechnungSp1
                    {
                    width: 65%;
                    font-size: 16px;
                    }

                    .rechnungSp2
                    {
                    width: 10%;
                    }

                    .rechnungSp3
                    {
                    width: 25%;
                    font-size: 16px;
                    text-align: right;
                    }

                    .detailSp1,
                    .detailSp2
                    {
                    width: 50%;
                    }

                    .detailSp2
                    {
                    text-align: right;
                    }

                    .line1Bottom
                    {
                    border-bottom: 1px solid #000;
                    }

                    .line1BottomLight
                    {
                    padding-bottom: 5px;
                    border-bottom: 1px solid #f0f0f0;
                    margin-bottom: 5px;
                    }

                    .line2Bottom
                    {
                    border-bottom: 2px solid #000;
                    }

                    .paddingTop
                    {
                    padding-top: 10px;
                    }

                    .paddingBottom
                    {
                    padding-bottom: 10px;
                    }

                    .grund
                    {
                    font-size: 16px;
                    display: block;
                    width: 100%;
                    padding: 0 20px 15px 20px;
                    }

                    .grundDetail
                    {
                    display: block;
                    width: 100%;
                    padding: 0 20px 15px 20px;
                    }

                    /* Übersichtformatierungen */
                    #uebersichtLastschrift.box,
                    #uebersichtUeberweisung.box
                    {
                    border-top: none;
                    }

                    #uebersichtUeberweisung.box
                    {
                    border-left: none;
                    }


                    /* Formatierungen Detailseite */

                    .detailsSpalte1,
                    .detailsSpalte2
                    {
                    width: 30%;
                    float: left;
                    font-size: 90%;
                    line-height: 115%;
                    margin-right: 5%;
                    }

                    .detailsSpalte3
                    {
                    width: 30%;
                    float: left;
                    font-size: 90%;
                    line-height: 115%;
                    }

                    .detailsSpalte1 .legende,
                    .detailsSpalte2 .legende,
                    .detailsSpalte3 .legende
                    {
                    width: 145px;
                    }

                    .titelPosition
                    {
                    font-size: 17px;
                    font-weight: bold;
                    }


                    /* Laufzettelformatierungen */
                    #laufzettelHistorie .boxtabelle:not(:nth-child(2))
                    {
                    border-top: 1px solid rgba(4, 101, 161, 0.2);
                    padding-top: 10px;
                    margin-top: 10px;
                    }





                    /* 1023px und kleiner ************************************************/

                    @media screen and (max-width : 1023px) {

                    .box
                    {
                    display: block;
                    width: 100%;
                    margin-bottom: 20px;
                    }

                    .boxabstandtop
                    {
                    margin-top: 15px;
                    }

                    .subBox:first-child
                    {
                    margin-bottom: 0 !important;
                    }

                    .subBox:last-child
                    {
                    border-left: 1px solid rgba(4, 101, 161, 0.2);
                    }

                    .first > .boxzeile > .subBox
                    {
                    border-top: none !important;
                    }

                    .first > .boxzeile > .subBox:first-child
                    {
                    border-top: 1px solid rgba(4, 101, 161, 0.2) !important;
                    }

                    .first > .boxzeile
                    {
                    margin-bottom: 0;
                    }

                    #uebersichtUeberweisung.box
                    {
                    border-left: 1px solid rgba(4, 101, 161, 0.2);
                    }

                    #uebersichtLastschrift.box
                    {
                    margin-bottom: 0;
                    }

                    .boxzeile
                    {
                    display: block;
                    margin-bottom: 5px;
                    }

                    .boxzeile:after
                    {
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content: " ";
                    clear: both;
                    height: 0;
                    }

                    #details > .boxtabelle > .boxzeile
                    {
                    margin-bottom: 0px;
                    }

                    .boxcell
                    {
                    display: block;
                    }

                    .boxcell:last-child
                    {
                    margin-top: 20px;
                    }

                    .boxZweispaltig
                    {
                    width: 100%;
                    }

                    .legende
                    {
                    display: block;
                    float: left;
                    width: 170px;
                    padding: 5px 0;
                    height: auto;
                    }

                    .wert
                    {
                    display: block;
                    float: left;
                    width: calc(100% - 170px);
                    padding: 11px 10px !important;
                    line-height: 1.3;
                    min-height: 38px;
                    height: auto;
                    }

                    .boxdaten .legende
                    {
                    height: auto;
                    }

                    .rechnungsZeile .boxdaten
                    {
                    padding: 5px 0;
                    }

                    .boxabstand
                    {
                    display: none;
                    }

                    .boxtabelleEinspaltig {
                    width: 100%;
                    }

                    .boxSpalte1 {
                    display: block;
                    width: auto;
                    }

                    .boxSpalte2 {
                    display: block;
                    width: auto;
                    padding-left: 0px;
                    margin-top: 1.2rem;
                    }

                    .detailsSpalte1,
                    .detailsSpalte2,
                    .detailsSpalte3
                    {
                    width: 100%;
                    float: none;
                    padding-right: 0px;
                    }

                    .detailsSpalte2,
                    .detailsSpalte3
                    {
                    margin-top: 15px;
                    }

                    .detailsSpalte2,
                    .detailsSpalte3
                    {
                    margin-top: 10px;
                    }

                    .tableNumberAlignRight
                    {
                    display: block;
                    width: 130px;
                    text-align: right;
                    }
                    }



                    /* 800px und kleiner ************************************************/

                    @media screen and (max-width : 800px) {

                    button
                    {
                    padding-top: 10px;
                    }

                    .btnAktiv,
                    .btnInaktiv,
                    .tab
                    {
                    font-size: 20px;
                    height: 40px;
                    }

                    .btnAktiv:after
                    {
                    top: 40px;
                    }

                    .rechnungSp1
                    {
                    width: 55%;
                    font-size: 15px;
                    }

                    .rechnungSp2
                    {
                    width: 10%;
                    }

                    .rechnungSp3
                    {
                    width: 35%;
                    text-align: right;
                    font-size: 15px;
                    }

                    .grund
                    {
                    font-size: 15px;
                    }
                    }

                    /* 450px und kleiner ************************************************/

                    @media screen and (max-width : 450px)
                    {

                    html,
                    body
                    {
                    font-size: 12px;
                    }

                    .menue
                    {
                    margin-bottom: 20px;
                    }

                    button
                    {
                    padding-top: 5px;
                    }

                    .btnAktiv,
                    .btnInaktiv,
                    .tab
                    {
                    font-size: 17px;
                    height: 35px;
                    }

                    .btnAktiv:after
                    {
                    top: 35px;
                    }

                    .legende
                    {
                    font-size: 12px;
                    width: 100%;
                    }

                    .wert
                    {
                    font-size: 12px;
                    line-height: 1.3;
                    width: 100%;
                    margin-bottom: 10px
                    }

                    .boxzeile
                    {
                    margin-bottom: 0px
                    }

                    .boxdaten
                    {
                    height: auto;
                    }

                    .haftungausschluss
                    {
                    margin-bottom: 20px;
                    }

                    .boxinhalt
                    {
                    margin-top: 0px;
                    }

                    .boxabstandtop
                    {
                    margin-top: 20px;
                    }

                    .boxtitel
                    {
                    padding: 7px 8px;
                    }

                    .box
                    {
                    margin-bottom: 10px;
                    padding: 0;
                    }

                    .boxabstandtop
                    {
                    margin-top: 10px;
                    }

                    .boxdaten,
                    .boxdatenBlock
                    {
                    padding: 2px 0;
                    }

                    .rechnungSp1
                    {
                    width: 50%;
                    font-size: inherit;
                    }

                    .rechnungSp2
                    {
                    width: 15%;
                    }

                    .rechnungSp3
                    {
                    width: 35%;
                    font-size: inherit;
                    text-align: right;
                    }

                    .grund
                    {
                    font-size: inherit;
                    }

                    .titelPosition
                    {
                    font-size: 15px;
                    }

                    .abstandUnten
                    {
                    margin-bottom: 5px;
                    }

                    .detailsSpalte1,
                    .detailsSpalte2,
                    .detailsSpalte3
                    {
                    font-size: inherit;
                    line-height: inherit;
                    }
                    }

                    /* 380px und kleiner ************************************************/

                    @media screen and (max-width : 380px) {

                    html,
                    body
                    {
                    font-size: 11px;
                    line-height: 100%;
                    }

                    .btnAktiv,
                    .btnInaktiv,
                    .tab
                    {
                    font-size: 15px;
                    }

                    .boxdaten
                    .boxdatenBlock
                    {
                    padding: 2px 0;
                    }

                    .boxinhalt
                    {
                    margin-top: 0px;
                    }

                    .boxtitel
                    {
                    padding: 5px 7px;
                    }
                    }


                </style>
   </head>
   <body>
      <form>
         <div class="menue">
            <div class="innen"><button type="button" class="tab" id="menueUebersicht" onclick="show(this);">Übersicht</button><button type="button" class="tab" id="menueDetails" onclick="show(this);">Positionen</button><button type="button" class="tab" id="menueZusaetze" onclick="show(this)">Informationen</button><button type="button" class="tab" id="menueAnlagen" onclick="show(this)">Anhänge</button><button type="button" class="tab" id="menueLaufzettel" onclick="show(this)">Bearbeitungshistorie</button></div>
         </div>
      </form>
      <div class="inhalt">
         <div class="innen">
            <div id="uebersicht" class="divShow">
               <div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
               <div class="boxtabelle boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtKaeufer" class="box boxZweispaltig">
                        <div id="BG-7" title="BG-7" class="boxtitel">Informationen zum Käufer</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Leitweg-ID:</div>
                              <div id="BT-10" title="BT-10" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Name:</div>
                              <div id="BT-44" title="BT-44" class="boxdaten wert">MUSTER-KUNDE GMBH</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Straße / Haus-Nr.:</div>
                              <div id="BT-50" title="BT-50" class="boxdaten wert">KUNDENWEG 88</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div id="BT-51" title="BT-51" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div id="BT-163" title="BT-163" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">PLZ:</div>
                              <div id="BT-53" title="BT-53" class="boxdaten wert">40235</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Ort:</div>
                              <div id="BT-52" title="BT-52" class="boxdaten wert">DUESSELDORF</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bundesland:</div>
                              <div id="BT-54" title="BT-54" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Land:</div>
                              <div id="BT-55" title="BT-55" class="boxdaten wert">DE (Deutschland)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung / Kunden-Nr.:</div>
                              <div id="BT-46" title="BT-46" class="boxdaten wert">4304171000002</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Kennung:</div>
                              <div id="BT-46-scheme-id" title="BT-46-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Name:</div>
                              <div id="BT-56" title="BT-56" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Telefon:</div>
                              <div id="BT-57" title="BT-57" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">E-Mail-Adresse:</div>
                              <div id="BT-58" title="BT-58" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="boxabstand"></div>
                     <div id="uebersichtVerkaeufer" class="box boxZweispaltig">
                        <div id="BG-4" title="BG-4" class="boxtitel">Informationen zum Verkäufer</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende"></div>
                              <div class="boxdaten wert" style="background-color: white;"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Firmenname:</div>
                              <div id="BT-27" title="BT-27" class="boxdaten wert">MUSTERLIEFERANT GMBH</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Straße / Haus-Nr.:</div>
                              <div id="BT-35" title="BT-35" class="boxdaten wert">BAHNHOFSTRASSE 99</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div id="BT-36" title="BT-36" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div id="BT-162" title="BT-162" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">PLZ:</div>
                              <div id="BT-38" title="BT-38" class="boxdaten wert">99199</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Ort:</div>
                              <div id="BT-37" title="BT-37" class="boxdaten wert">MUSTERHAUSEN</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bundesland:</div>
                              <div id="BT-39" title="BT-39" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Ländercode:</div>
                              <div id="BT-40" title="BT-40" class="boxdaten wert">DE (Deutschland)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung:</div>
                              <div id="BT-29" title="BT-29" class="boxdaten wert">4333741000005</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Kennung:</div>
                              <div id="BT-29-scheme-id" title="BT-29-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Name:</div>
                              <div id="BT-41" title="BT-41" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Telefon:</div>
                              <div id="BT-42" title="BT-42" class="boxdaten wert">+49 932 431 500</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">E-Mail-Adresse:</div>
                              <div id="BT-43" title="BT-43" class="boxdaten wert">max.mustermann@musterlieferant.de</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtRechnungsinfo" class="box box1v2">
                        <div class="boxtitel">Rechnungsdaten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="boxcell boxZweispaltig">
                              <div class="boxtabelle borderSpacing">
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Rechnungsnummer:</div>
                                    <div id="BT-1" title="BT-1" class="boxdaten wert">KR87654321012</div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Rechnungsdatum:</div>
                                    <div id="BT-2" title="BT-2" class="boxdaten wert">15.11.2024</div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Rechnungsart:</div>
                                    <div id="BT-3" title="BT-3" class="boxdaten wert">380 (Commercial invoice)</div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Währung</div>
                                    <div id="BT-5" title="BT-5" class="boxdaten wert">EUR (Euro)</div>
                                 </div>
                              </div>
                              <h4>Abrechnungszeitraum:</h4>
                              <div class="boxtabelle borderSpacing">
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">von:</div>
                                    <div id="BT-73" title="BT-73" class="boxdaten wert"></div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">bis:</div>
                                    <div id="BT-74" title="BT-74" class="boxdaten wert"></div>
                                 </div>
                              </div>
                           </div>
                           <div class="boxabstand"></div>
                           <div class="boxcell boxZweispaltig">
                              <div class="boxtabelle borderSpacing">
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Projektnummer:</div>
                                    <div id="BT-11" title="BT-11" class="boxdaten wert"></div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Vertragsnummer:</div>
                                    <div id="BT-12" title="BT-12" class="boxdaten wert"></div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Bestellnummer:</div>
                                    <div id="BT-13" title="BT-13" class="boxdaten wert"></div>
                                 </div>
                                 <div class="boxzeile">
                                    <div class="boxdaten legende">Auftragsnummer:</div>
                                    <div id="BT-14" title="BT-14" class="boxdaten wert"></div>
                                 </div>
                              </div>
                              <h4>Vorausgegangene Rechnungen:</h4>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtRechnungsuebersicht" class="box">
                        <div id="BG-22" title="BG-22" class="boxtitel">Gesamtbeträge der Rechnung</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Summe aller Positionen</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-106" title="BT-106" class="boxdaten rechnungSp3">410,10</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Summe Nachlässe</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-107" title="BT-107" class="boxdaten rechnungSp3">21,55</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Summe Zuschläge</div>
                              <div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2">netto</div>
                              <div id="BT-108" title="BT-108" class="boxdaten rechnungSp3 paddingBottom line1Bottom">15,00</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingTop">Gesamtsumme</div>
                              <div class="boxdaten rechnungSp2 paddingTop color2">netto</div>
                              <div id="BT-109" title="BT-109" class="boxdaten rechnungSp3 paddingTop">403,55</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Summe Umsatzsteuer</div>
                              <div class="boxdaten rechnungSp2 color2"></div>
                              <div id="BT-110" title="BT-110" class="boxdaten rechnungSp3"></div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingBottom line1Bottom">Summe Umsatzsteuer in Abrechnungswährung</div>
                              <div class="boxdaten rechnungSp2 paddingBottom line1Bottom color2"></div>
                              <div id="BT-111" title="BT-111" class="boxdaten rechnungSp3 paddingBottom line1Bottom">76,67</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingTop">Gesamtsumme</div>
                              <div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
                              <div id="BT-112" title="BT-112" class="boxdaten rechnungSp3 paddingTop">480,22</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Gezahlter Betrag</div>
                              <div class="boxdaten rechnungSp2 color2">brutto</div>
                              <div id="BT-113" title="BT-113" class="boxdaten rechnungSp3">0,00</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingBottom line2Bottom">Rundungsbetrag</div>
                              <div class="boxdaten rechnungSp2 paddingBottom line2Bottom color2">brutto</div>
                              <div id="BT-114" title="BT-114" class="boxdaten rechnungSp3 paddingBottom line2Bottom"></div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 paddingTop bold">Fälliger Betrag</div>
                              <div class="boxdaten rechnungSp2 paddingTop color2">brutto</div>
                              <div id="BT-115" title="BT-115" class="boxdaten rechnungSp3 paddingTop bold">480,22</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtUmsatzsteuer" class="box">
                        <div id="BG-23" title="BG-23" class="boxtitel">Aufschlüsselung der Umsatzsteuer auf Ebene der Rechnung</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie: <span id="BT-118" title="BT-118">S (Standard rate)</span></div>
                              <div class="boxdaten rechnungSp2"></div>
                              <div class="boxdaten rechnungSp3"></div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Gesamtsumme</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-116" title="BT-116" class="boxdaten rechnungSp3">403,55</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 line1Bottom">Umsatzsteuersatz</div>
                              <div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
                              <div id="BT-119" title="BT-119" class="boxdaten rechnungSp3 line1Bottom">19.00%</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Umsatzsteuerbetrag</div>
                              <div class="boxdaten rechnungSp2 color2"></div>
                              <div id="BT-117" title="BT-117" class="boxdaten rechnungSp3 bold">76,67</div>
                           </div>
                        </div>
                        <div class="grund">
                           <div>Befreiungsgrund: <span id="BT-120" title="BT-120" class="bold"></span></div>
                           <div>Kennung für den Befreiungsgrund: <span id="BT-121" title="BT-121" class="bold"></span></div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtNachlass" class="box">
                        <div id="BG-20" title="BG-20" class="boxtitel">Nachlass auf Ebene der Rechnung</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie des Nachlasses: <span title="BT-95">S (Standard rate)</span></div>
                              <div class="boxdaten rechnungSp2"></div>
                              <div class="boxdaten rechnungSp3"></div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Grundbetrag</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-93" title="BT-93" class="boxdaten rechnungSp3">410,10</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 line1Bottom">Prozentsatz</div>
                              <div class="boxdaten rechnungSp2 color2 line1Bottom"></div>
                              <div id="BT-94" title="BT-94" class="boxdaten rechnungSp3 line1Bottom">%</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Nachlass</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-92" title="BT-92" class="boxdaten rechnungSp3 bold">21,55</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Umsatzsteuersatz des Nachlasses</div>
                              <div class="boxdaten rechnungSp2 color2"></div>
                              <div id="BT-96" title="BT-96" class="boxdaten rechnungSp3">19.00</div>
                           </div>
                        </div>
                        <div class="grund">
                           <div>Grund für den Nachlass: <span id="BT-97" title="BT-97" class="bold">Sonderrabatt</span></div>
                           <div>Document level allowance reason code: <span id="BT-98" title="BT-98" class="bold"></span></div>
                        </div>
                     </div>
                  </div>
                  <div class="boxabstand"></div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="uebersichtVersandkosten" class="box">
                        <div id="BG-X-42" title="BG-X-42" class="boxtitel">Versandkosten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1 bold">Umsatzsteuerkategorie der Versandkosten: <span title="BT-X-274">S (Standard rate)</span></div>
                              <div class="boxdaten rechnungSp2"></div>
                              <div class="boxdaten rechnungSp3"></div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Betrag</div>
                              <div class="boxdaten rechnungSp2 color2">netto</div>
                              <div id="BT-X-272" title="BT-X-272" class="boxdaten rechnungSp3 bold">15,00</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten rechnungSp1">Umsatzsteuersatz der Versandkosten</div>
                              <div class="boxdaten rechnungSp2 color2"></div>
                              <div id="BT-X-273" title="BT-X-273" class="boxdaten rechnungSp3">19.00</div>
                           </div>
                        </div>
                        <div class="grund">
                           <div>Versandkostenbeschreibung: <span id="BT-X-271" title="BT-X-271" class="bold">Transportkosten: Frachbetrag</span></div>
                        </div>
                     </div>
                  </div>
                  <div class="boxabstand"></div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div id="uebersichtZahlungsinformationen" class="box subBox">
                        <div title="" class="boxtitel">Zahlungsdaten</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Skonto; weitere Zahlungsbed.:</div>
                              <div id="BT-20" title="BT-20" class="boxdaten wert">
                                 #SKONTO#
                                 TAGE
                                 =10#PROZENT=2.00#
                                 Skontovereinbarung: 2% bei Zahlung innerhalb 10 Tagen nach Rechnungsdatum</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Fälligkeitsdatum:</div>
                              <div id="BT-9" title="BT-9" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Code für das Zahlungsmittel:</div>
                              <div id="BT-81" title="BT-81" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Zahlungsmittel:</div>
                              <div id="BT-82" title="BT-82" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Verwendungszweck:</div>
                              <div id="BT-83" title="BT-83" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div id="uebersichtCard" class="box subBox">
                        <div id="BG-18" title="BG-18" class="boxtitel boxtitelSub">Karteninformation</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kartennummer:</div>
                              <div id="BT-87" title="BT-87" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Karteninhaber:</div>
                              <div id="BT-88" title="BT-88" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div id="uebersichtLastschrift" class="box subBox">
                        <div id="BG-19" title="BG-19" class="boxtitel boxtitelSub">Lastschrift</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Mandatsreferenznr.:</div>
                              <div id="BT-89" title="BT-89" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">IBAN:</div>
                              <div id="BT-91" title="BT-91" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Gläubiger-ID:</div>
                              <div id="BT-90" title="BT-90" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div id="uebersichtUeberweisung" class="box subBox">
                        <div id="BG-17" title="BG-17" class="boxtitel boxtitelSub">Überweisung</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop">
                  <div class="boxzeile">
                     <div id="uebersichtBemerkungen" class="box">
                        <div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Betreff:</div>
                              <div id="BT-21" title="BT-21" class="boxdaten wert">AAK (Price conditions)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bemerkung:</div>
                              <div id="BT-22" title="BT-22" class="boxdaten wert">Es bestehen Rabatt- oder Bonusvereinbarungen.</div>
                           </div>
                        </div>
                     </div>
                     <div id="uebersichtBemerkungen" class="box">
                        <div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Betreff:</div>
                              <div id="BT-21" title="BT-21" class="boxdaten wert">AAJ (Additional conditions of sale/purchase)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bemerkung:</div>
                              <div id="BT-22" title="BT-22" class="boxdaten wert">Der Verkäufer bleibt Eigentümer der Waren bis zur vollständigen Erfüllung der Kaufpreisforderung.</div>
                           </div>
                        </div>
                     </div>
                     <div id="uebersichtBemerkungen" class="box">
                        <div id="BG-1" title="BG-1" class="boxtitel">Bemerkung zur Rechnung</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Betreff:</div>
                              <div id="BT-21" title="BT-21" class="boxdaten wert">REG (Regulatory information)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bemerkung:</div>
                              <div id="BT-22" title="BT-22" class="boxdaten wert">MUSTERLIEFERANT GMBH
                                 BAHNHOFSTRASSE 99
                                 99199 MUSTERHAUSEN
                                 Geschäftsführung:
                                 Max Mustermann
                                 USt-IdNr: DE123456789
                                 Telefon: +49 932 431 0
                                 www.musterlieferant.de
                                 HRB Nr. 372876
                                 Amtsgericht Musterstadt
                                 GLN 4304171000002
                                 </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div id="details" class="divHide">
               <div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BT-126" title="BT-126" class="boxtitel">Position1</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Freitext:</div>
                              <div id="BT-127" title="BT-127" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-128" title="BT-128" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Nummer der Auftragsposition:</div>
                              <div id="BT-132" title="BT-132" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
                              <div id="BT-133" title="BT-133" class="boxdaten wert"></div>
                           </div>
                           <h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
                           <div class="boxzeile">
                              <div class="boxdaten legende">von:</div>
                              <div id="BT-134" title="BT-134" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">bis:</div>
                              <div id="BT-135" title="BT-135" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Menge</div>
                              <div id="BT-129" title="BT-129" class="boxdaten detailSp2">1000.0000</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Einheit</div>
                              <div id="BT-130" title="BT-130" class="boxdaten detailSp2">KWH (kilowatt hour)</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
                              <div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,05</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
                              <div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">52,00</div>
                           </div>
                        </div>
                        <div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Rabatt (netto):</div>
                              <div id="BT-147" title="BT-147" class="boxdaten wert">0,00</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Listenpreis (netto):</div>
                              <div id="BT-148" title="BT-148" class="boxdaten wert">0,05</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Anzahl der Einheit:</div>
                              <div id="BT-149" title="BT-149" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Code der Maßeinheit:</div>
                              <div id="BT-150" title="BT-150" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuer:</div>
                              <div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
                              <div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der Rechnungsposition</div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der Rechnungsposition</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
                        <div class="boxtabelle boxinhalt ">
                           <div class="boxzeile">
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Bezeichnung:</div>
                                       <div id="BT-153" title="BT-153" class="boxdaten wert bold">Wirkarbeit HT</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Beschreibung:</div>
                                       <div id="BT-154" title="BT-154" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelnummer:</div>
                                       <div id="BT-155" title="BT-155" class="boxdaten wert">WA997</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kunden-Material-Nr.:</div>
                                       <div id="BT-156" title="BT-156" class="boxdaten wert"></div>
                                    </div>
                                    <h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
                                    <div class="boxzeile">
                                       <div id="BT-160" title="BT-160" class="boxdaten legende ">Zählpunkt</div>
                                       <div id="BT-161" title="BT-161" class="boxdaten wert">DE0001346484600000000000000100038</div>
                                    </div>
                                 </div>
                              </div>
                              <div class="boxabstand"></div>
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelkennung (EAN):</div>
                                       <div id="BT-157" title="BT-157" class="boxdaten wert">4123456000014</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Schema der Artikelkennung:</div>
                                       <div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
                                       <div id="BT-158" title="BT-158" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code des Herkunftslandes:</div>
                                       <div id="BT-159" title="BT-159" class="boxdaten wert"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BT-126" title="BT-126" class="boxtitel">Position2</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Freitext:</div>
                              <div id="BT-127" title="BT-127" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-128" title="BT-128" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Nummer der Auftragsposition:</div>
                              <div id="BT-132" title="BT-132" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
                              <div id="BT-133" title="BT-133" class="boxdaten wert"></div>
                           </div>
                           <h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
                           <div class="boxzeile">
                              <div class="boxdaten legende">von:</div>
                              <div id="BT-134" title="BT-134" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">bis:</div>
                              <div id="BT-135" title="BT-135" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Menge</div>
                              <div id="BT-129" title="BT-129" class="boxdaten detailSp2">1000.0000</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Einheit</div>
                              <div id="BT-130" title="BT-130" class="boxdaten detailSp2">KWH (kilowatt hour)</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
                              <div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,02</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
                              <div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">20,50</div>
                           </div>
                        </div>
                        <div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Rabatt (netto):</div>
                              <div id="BT-147" title="BT-147" class="boxdaten wert">0,00</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Listenpreis (netto):</div>
                              <div id="BT-148" title="BT-148" class="boxdaten wert">0,02</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Anzahl der Einheit:</div>
                              <div id="BT-149" title="BT-149" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Code der Maßeinheit:</div>
                              <div id="BT-150" title="BT-150" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuer:</div>
                              <div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
                              <div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der Rechnungsposition</div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der Rechnungsposition</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
                        <div class="boxtabelle boxinhalt ">
                           <div class="boxzeile">
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Bezeichnung:</div>
                                       <div id="BT-153" title="BT-153" class="boxdaten wert bold">Ökosteuer Lieferant</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Beschreibung:</div>
                                       <div id="BT-154" title="BT-154" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelnummer:</div>
                                       <div id="BT-155" title="BT-155" class="boxdaten wert">ÖST250</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kunden-Material-Nr.:</div>
                                       <div id="BT-156" title="BT-156" class="boxdaten wert"></div>
                                    </div>
                                    <h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
                                 </div>
                              </div>
                              <div class="boxabstand"></div>
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelkennung (EAN):</div>
                                       <div id="BT-157" title="BT-157" class="boxdaten wert">4123456000021</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Schema der Artikelkennung:</div>
                                       <div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
                                       <div id="BT-158" title="BT-158" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code des Herkunftslandes:</div>
                                       <div id="BT-159" title="BT-159" class="boxdaten wert"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BT-126" title="BT-126" class="boxtitel">Position3</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Freitext:</div>
                              <div id="BT-127" title="BT-127" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-128" title="BT-128" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Nummer der Auftragsposition:</div>
                              <div id="BT-132" title="BT-132" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
                              <div id="BT-133" title="BT-133" class="boxdaten wert"></div>
                           </div>
                           <h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
                           <div class="boxzeile">
                              <div class="boxdaten legende">von:</div>
                              <div id="BT-134" title="BT-134" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">bis:</div>
                              <div id="BT-135" title="BT-135" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Menge</div>
                              <div id="BT-129" title="BT-129" class="boxdaten detailSp2">27.5000</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Einheit</div>
                              <div id="BT-130" title="BT-130" class="boxdaten detailSp2">HUR (hour)</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
                              <div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">10,50</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
                              <div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">288,75</div>
                           </div>
                        </div>
                        <div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Rabatt (netto):</div>
                              <div id="BT-147" title="BT-147" class="boxdaten wert">4,50</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Listenpreis (netto):</div>
                              <div id="BT-148" title="BT-148" class="boxdaten wert">15,00</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Anzahl der Einheit:</div>
                              <div id="BT-149" title="BT-149" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Code der Maßeinheit:</div>
                              <div id="BT-150" title="BT-150" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuer:</div>
                              <div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
                              <div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der Rechnungsposition</div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der Rechnungsposition</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
                        <div class="boxtabelle boxinhalt ">
                           <div class="boxzeile">
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Bezeichnung:</div>
                                       <div id="BT-153" title="BT-153" class="boxdaten wert bold">Kommissionierer 1250032 D. Muster</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Beschreibung:</div>
                                       <div id="BT-154" title="BT-154" class="boxdaten wert">Besteller: Hr. Mayer, Personalnr. 4488</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelnummer:</div>
                                       <div id="BT-155" title="BT-155" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kunden-Material-Nr.:</div>
                                       <div id="BT-156" title="BT-156" class="boxdaten wert"></div>
                                    </div>
                                    <h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
                                 </div>
                              </div>
                              <div class="boxabstand"></div>
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelkennung (EAN):</div>
                                       <div id="BT-157" title="BT-157" class="boxdaten wert">4260331811362</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Schema der Artikelkennung:</div>
                                       <div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
                                       <div id="BT-158" title="BT-158" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code des Herkunftslandes:</div>
                                       <div id="BT-159" title="BT-159" class="boxdaten wert"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BT-126" title="BT-126" class="boxtitel">Position4</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Freitext:</div>
                              <div id="BT-127" title="BT-127" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-128" title="BT-128" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Nummer der Auftragsposition:</div>
                              <div id="BT-132" title="BT-132" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
                              <div id="BT-133" title="BT-133" class="boxdaten wert"></div>
                           </div>
                           <h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
                           <div class="boxzeile">
                              <div class="boxdaten legende">von:</div>
                              <div id="BT-134" title="BT-134" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">bis:</div>
                              <div id="BT-135" title="BT-135" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Menge</div>
                              <div id="BT-129" title="BT-129" class="boxdaten detailSp2">3500.0000</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Einheit</div>
                              <div id="BT-130" title="BT-130" class="boxdaten detailSp2">H87 (piece)</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
                              <div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,01</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
                              <div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">36,75</div>
                           </div>
                        </div>
                        <div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Rabatt (netto):</div>
                              <div id="BT-147" title="BT-147" class="boxdaten wert">0,00</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Listenpreis (netto):</div>
                              <div id="BT-148" title="BT-148" class="boxdaten wert">0,01</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Anzahl der Einheit:</div>
                              <div id="BT-149" title="BT-149" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Code der Maßeinheit:</div>
                              <div id="BT-150" title="BT-150" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuer:</div>
                              <div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
                              <div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der Rechnungsposition</div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der Rechnungsposition</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
                        <div class="boxtabelle boxinhalt ">
                           <div class="boxzeile">
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Bezeichnung:</div>
                                       <div id="BT-153" title="BT-153" class="boxdaten wert bold">FALTENBEUTEL 16x6x28 CM</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Beschreibung:</div>
                                       <div id="BT-154" title="BT-154" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelnummer:</div>
                                       <div id="BT-155" title="BT-155" class="boxdaten wert">FB05</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kunden-Material-Nr.:</div>
                                       <div id="BT-156" title="BT-156" class="boxdaten wert"></div>
                                    </div>
                                    <h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
                                 </div>
                              </div>
                              <div class="boxabstand"></div>
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelkennung (EAN):</div>
                                       <div id="BT-157" title="BT-157" class="boxdaten wert">2001015001325</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Schema der Artikelkennung:</div>
                                       <div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
                                       <div id="BT-158" title="BT-158" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code des Herkunftslandes:</div>
                                       <div id="BT-159" title="BT-159" class="boxdaten wert"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig first">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BT-126" title="BT-126" class="boxtitel">Position5</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Freitext:</div>
                              <div id="BT-127" title="BT-127" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-128" title="BT-128" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-128-scheme-id" title="BT-128-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Nummer der Auftragsposition:</div>
                              <div id="BT-132" title="BT-132" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungshinweis /Kostenstelle:</div>
                              <div id="BT-133" title="BT-133" class="boxdaten wert"></div>
                           </div>
                           <h4 id="BG-26" title="BG-26">Abrechnungszeitraum:</h4>
                           <div class="boxzeile">
                              <div class="boxdaten legende">von:</div>
                              <div id="BT-134" title="BT-134" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">bis:</div>
                              <div id="BT-135" title="BT-135" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-29" title="BG-29" class="boxtitel boxtitelSub">Preiseinzelheiten</div>
                        <div class="boxtabelle boxinhalt">
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Menge</div>
                              <div id="BT-129" title="BT-129" class="boxdaten detailSp2">1210.0000</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Einheit</div>
                              <div id="BT-130" title="BT-130" class="boxdaten detailSp2">H87 (piece)</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 line1Bottom color2">Preis pro Einheit (netto)</div>
                              <div id="BT-146" title="BT-146" class="boxdaten detailSp2 line1Bottom">0,01</div>
                           </div>
                           <div class="rechnungsZeile">
                              <div class="boxdaten detailSp1 color2">Gesamtpreis (netto)</div>
                              <div id="BT-131" title="BT-131" class="boxdaten detailSp2 bold">12,10</div>
                           </div>
                        </div>
                        <div class="boxtabelle boxinhalt noPaddingTop borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Rabatt (netto):</div>
                              <div id="BT-147" title="BT-147" class="boxdaten wert">0,00</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Listenpreis (netto):</div>
                              <div id="BT-148" title="BT-148" class="boxdaten wert">0,01</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Anzahl der Einheit:</div>
                              <div id="BT-149" title="BT-149" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Code der Maßeinheit:</div>
                              <div id="BT-150" title="BT-150" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuer:</div>
                              <div id="BT-151" title="BT-151" class="boxdaten wert">S (Standard rate)</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende ">Umsatzsteuersatz in %:</div>
                              <div id="BT-152" title="BT-152" class="boxdaten wert">19%</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-27" title="BG-27" class="boxtitel boxtitelSub">Nachlässe auf Ebene der Rechnungsposition</div>
                     </div>
                     <div class="box subBox">
                        <div id="BG-28" title="BG-28" class="boxtitel boxtitelSub">Zuschläge auf Ebene der Rechnungsposition</div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle">
                  <div class="boxzeile">
                     <div class="box subBox">
                        <div id="BG-31" title="BG-31" class="boxtitel boxtitelSub">Artikelinformationen</div>
                        <div class="boxtabelle boxinhalt ">
                           <div class="boxzeile">
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Bezeichnung:</div>
                                       <div id="BT-153" title="BT-153" class="boxdaten wert bold">Kopierpapier A4</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Beschreibung:</div>
                                       <div id="BT-154" title="BT-154" class="boxdaten wert">Zählerstand von-bis: 543210 - 544420</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelnummer:</div>
                                       <div id="BT-155" title="BT-155" class="boxdaten wert">KOP05</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kunden-Material-Nr.:</div>
                                       <div id="BT-156" title="BT-156" class="boxdaten wert"></div>
                                    </div>
                                    <h4 id="BG-32" title="BG-32">Eigenschaften des Artikels:</h4>
                                    <div class="boxzeile">
                                       <div id="BT-160" title="BT-160" class="boxdaten legende ">Zähler-Nr.</div>
                                       <div id="BT-161" title="BT-161" class="boxdaten wert">MG-X79318</div>
                                    </div>
                                 </div>
                              </div>
                              <div class="boxabstand"></div>
                              <div class="boxcell boxZweispaltig">
                                 <div class="boxtabelle borderSpacing">
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Artikelkennung (EAN):</div>
                                       <div id="BT-157" title="BT-157" class="boxdaten wert">4123456000038</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Schema der Artikelkennung:</div>
                                       <div id="BT-157-scheme-id" title="BT-157-scheme-id" class="boxdaten wert">0088 (EAN Location Code)</div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code der Artikelklassifizierung:</div>
                                       <div id="BT-158" title="BT-158" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Kennung zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-id" title="BT-158-scheme-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Version zur Bildung des Schemas:</div>
                                       <div id="BT-158-scheme-version-id" title="BT-158-scheme-version-id" class="boxdaten wert"></div>
                                    </div>
                                    <div class="boxzeile">
                                       <div class="boxdaten legende ">Code des Herkunftslandes:</div>
                                       <div id="BT-159" title="BT-159" class="boxdaten wert"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div id="zusaetze" class="divHide">
               <div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
               <div class="boxtabelle boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="zusaetzeVerkaeufer" class="box boxZweispaltig">
                        <div id="BG-4" title="BG-4" class="boxtitel">Informationen zum Verkäufer</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Abweichender Handelsname:</div>
                              <div id="BT-28" title="BT-28" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bundesland:</div>
                              <div id="BT-39" title="BT-39" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Elektronische Adresse:</div>
                              <div id="BT-34" title="BT-34" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der elektronischen Adresse:</div>
                              <div id="BT-34-scheme-id" title="BT-34-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Register-/Registriernummer:</div>
                              <div id="BT-30" title="BT-30" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Umsatzsteuer-ID:</div>
                              <div id="BT-31" title="BT-31" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Steuernummer:</div>
                              <div id="BT-32" title="BT-32" class="boxdaten wert">201/113/40209</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Steuernummer:</div>
                              <div id="BT-32-scheme" title="BT-32-scheme" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Weitere rechtliche Informationen:</div>
                              <div id="BT-33" title="BT-33" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Code der Umsatzsteuerwährung:</div>
                              <div id="BT-6" title="BT-6" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="boxabstand"></div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="zusaetzeKaeufer" class="box boxZweispaltig">
                        <div id="BG-7" title="BG-7" class="boxtitel">Informationen zum Käufer</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Abweichender Handelsname:</div>
                              <div id="BT-45" title="BT-45" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bundesland:</div>
                              <div id="BT-54" title="BT-54" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Elektronische Adresse:</div>
                              <div id="BT-49" title="BT-49" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der elektronischen Adresse:</div>
                              <div id="BT-49-scheme-id" title="BT-49-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Register-/Registriernummer:</div>
                              <div id="BT-47" title="BT-47" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Register-/Registriernummer:</div>
                              <div id="BT-47-scheme-id" title="BT-47-scheme-id" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Umsatzsteuer-ID:</div>
                              <div id="BT-48" title="BT-48" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Abrechnungsdatum der Umsatzsteuer:</div>
                              <div id="BT-7" title="BT-7" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Code des Umsatzsteuer-Abrechnungsdatums:</div>
                              <div id="BT-8" title="BT-8" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kontierungsinformation / Kostenstelle:</div>
                              <div id="BT-19" title="BT-19" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="boxabstand"></div>
                     <div id="zusaetzeLieferung" class="box boxZweispaltig">
                        <div id="BG-13" title="BG-13" class="boxtitel">Lieferinformationen</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung des Lieferorts:</div>
                              <div id="BT-71" title="BT-71" class="boxdaten wert">4304171088093</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Kennung:</div>
                              <div id="BT-71-scheme-id" title="BT-71-scheme-id" class="boxdaten wert">0088</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Lieferdatum:</div>
                              <div id="BT-72" title="BT-72" class="boxdaten wert">30.10.2024</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Name des Empfängers:</div>
                              <div id="BT-70" title="BT-70" class="boxdaten wert">MUSTER-MARKT</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Straße / Haus-Nr.:</div>
                              <div id="BT-75" title="BT-75" class="boxdaten wert">HAUPTSTRASSE 44</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div id="BT-76" title="BT-76" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Adresszusatz:</div>
                              <div title="BT-165" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">PLZ:</div>
                              <div id="BT-78" title="BT-78" class="boxdaten wert">31157</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Ort:</div>
                              <div id="BT-77" title="BT-77" class="boxdaten wert">SARSTEDT</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Bundesland:</div>
                              <div id="BT-79" title="BT-79" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Land:</div>
                              <div id="BT-80" title="BT-80" class="boxdaten wert">DE (Deutschland)</div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="boxtabelle boxabstandtop boxtabelleZweispaltig">
                  <div class="boxzeile">
                     <div id="zusaetzeVertrag" class="box boxZweispaltig">
                        <div class="boxtitel">Vertragsdaten</div>
                        <div class="boxtabelle boxinhalt borderSpacing">
                           <div class="boxzeile">
                              <div class="boxdaten legende">Vergabenummer:</div>
                              <div id="BT-17" title="BT-17" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung der Empfangsbestätigung:</div>
                              <div id="BT-15" title="BT-15" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung der Versandanzeige:</div>
                              <div id="BT-16" title="BT-16" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Kennung des Lieferscheins:</div>
                              <div id="BT-X-202" title="BT-X-202" class="boxdaten wert">L87654321012 vom 31.10.2024</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Prozesskennung:</div>
                              <div id="BT-23" title="BT-23" class="boxdaten wert"></div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Spezifikationskennung:</div>
                              <div id="BT-24" title="BT-24" class="boxdaten wert">urn:cen.eu:en16931:2017#conformant#urn:factur-x.eu:1p0:extended</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Objektkennung:</div>
                              <div id="BT-18" title="BT-18" class="boxdaten wert">A777123</div>
                           </div>
                           <div class="boxzeile">
                              <div class="boxdaten legende">Schema der Objektkennung:</div>
                              <div id="BT-18-scheme-id" title="BT-18-scheme-id" class="boxdaten wert"></div>
                           </div>
                        </div>
                     </div>
                     <div class="boxabstand"></div>
                  </div>
               </div>
            </div>
            <div id="anlagen" class="divHide">
               <div class="haftungausschluss">Wir übernehmen keine Haftung für die Richtigkeit der Daten.</div>
               <div class="boxtabelle boxabstandtop">
                  <div class="boxzeile">
                     <div id="anlagenListe" class="box">
                        <div id="BG-24" title="BG-24" class="boxtitel">Rechnungsbegründende Unterlagen</div>
                     </div>
                  </div>
               </div>
            </div>
            <div id="laufzettel" class="divHide">
               <div class="boxtabelle boxabstandtop">
                  <div class="boxzeile">
                     <div id="laufzettelHistorie" class="box">
                        <div class="boxtitel">Bearbeitungshistorie</div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </body><script>
                //

/* Tab-Container aufbauen **************************************************/

var a = new Array("uebersicht", "details", "zusaetze", "anlagen", "laufzettel");
var b = new Array("menueUebersicht", "menueDetails", "menueZusaetze", "menueAnlagen", "menueLaufzettel");

function show(e) {
  var i = 0;
  var j = 1;
  for (var t = 0; t < b.length; t++) {
    if (b[t] === e.id) {
      i = t;
      if (i > 0) {
        j = 0;
      } else {
        j = i + 1;
      }
      break;
    }
  }
  e.setAttribute("class", "btnAktiv");
  for (var k = 0; k < b.length; k++) {
    if (k === i && (document.getElementById(a[k]) != null)) {
      document.getElementById(a[k]).style.display = "block";
      if (i === j)
      j = i + 1;
    } else {
      if (document.getElementById(a[k]) != null) {
        document.getElementById(a[j]).style.display = "none";
        document.getElementById(b[j]).setAttribute("class", "btnInaktiv");
        j += 1;
      }
    }
  }
}
window.onload = function () {
  document.getElementById(b[0]).setAttribute("class", "btnAktiv");
}

/* Eingebettete Binaerdaten runterladen   ************************************/


function base64_to_binary (data) {
  var chars = atob(data);
  var bytes = new Array(chars.length);
  for (var i = 0; i < chars.length; i++) {
    bytes[i] = chars.charCodeAt(i);
  }
  return new Uint8Array(bytes);
}

function downloadData (element_id) {
  var data_element = document.getElementById(element_id);
  var mimetype = data_element.getAttribute('mimeType');
  var filename = data_element.getAttribute('filename');
  var text = data_element.innerHTML;
  var binary = base64_to_binary(text);
  var blob = new Blob([binary], {
    type: mimetype, size: binary.length
  });

  if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    // IE
    window.navigator.msSaveOrOpenBlob(blob, filename);
  } else {
    // Non-IE
    var url = window.URL.createObjectURL(blob);
    window.open(url);
  }
}


/* Polyfill IE atob/btoa   ************************************/

(function (root, factory) {
  if (typeof define === 'function' && define.amd) {
    // AMD. Register as an anonymous module.
    define([], function () {
      factory(root);
    });
  } else factory(root);
  // node.js has always supported base64 conversions, while browsers that support
  // web workers support base64 too, but you may never know.
})(typeof exports !== "undefined" ? exports: this, function (root) {
  if (root.atob) {
    // Some browsers' implementation of atob doesn't support whitespaces
    // in the encoded string (notably, IE). This wraps the native atob
    // in a function that strips the whitespaces.
    // The original function can be retrieved in atob.original
    try {
      root.atob(" ");
    }
    catch (e) {
      root.atob = (function (atob) {
        var func = function (string) {
          return atob(String(string).replace(/[\t\n\f\r ]+/g, ""));
        };
        func.original = atob;
        return func;
      })(root.atob);
    }
    return;
  }

  // base64 character set, plus padding character (=)
  var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
  // Regular expression to check formal correctness of base64 encoded strings
  b64re = /^(?:[A-Za-z\d+\/]{4})*?(?:[A-Za-z\d+\/]{2}(?:==)?|[A-Za-z\d+\/]{3}=?)?$/;

  root.btoa = function (string) {
    string = String(string);
    var bitmap, a, b, c,
    result = "", i = 0,
    rest = string.length % 3; // To determine the final padding

    for (; i < string.length;) {
      if ((a = string.charCodeAt(i++)) > 255 || (b = string.charCodeAt(i++)) > 255 || (c = string.charCodeAt(i++)) > 255)
      throw new TypeError("Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.");

      bitmap = (a << 16) | (b << 8) | c;
      result += b64.charAt(bitmap >> 18 & 63) + b64.charAt(bitmap >> 12 & 63) + b64.charAt(bitmap >> 6 & 63) + b64.charAt(bitmap & 63);
    }

    // If there's need of padding, replace the last 'A's with equal signs
    return rest ? result.slice(0, rest - 3) + "===".substring(rest): result;
  };

  root.atob = function (string) {
    // atob can work with strings with whitespaces, even inside the encoded part,
    // but only \t, \n, \f, \r and ' ', which can be stripped.
    string = String(string).replace(/[\t\n\f\r ]+/g, "");
    if (! b64re.test(string))
    throw new TypeError("Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.");

    // Adding the padding if missing, for semplicity
    string += "==".slice(2 - (string.length & 3));
    var bitmap, result = "", r1, r2, i = 0;
    for (; i < string.length;) {
      bitmap = b64.indexOf(string.charAt(i++)) << 18 | b64.indexOf(string.charAt(i++)) << 12 | (r1 = b64.indexOf(string.charAt(i++))) << 6 | (r2 = b64.indexOf(string.charAt(i++)));

      result += r1 === 64 ? String.fromCharCode(bitmap >> 16 & 255): r2 === 64 ? String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255): String.fromCharCode(bitmap >> 16 & 255, bitmap >> 8 & 255, bitmap & 255);
    }
    return result;
  };
});
//

            </script></html>